<template>
  <div>
    <van-tabbar v-model="active" active-color="rgb(252, 0, 0)" inactive-color="#000">
      <van-tabbar-item to='/' icon="fire">标签</van-tabbar-item>
      <van-tabbar-item to='/echart' icon="location">标签</van-tabbar-item>
      <van-tabbar-item to='/about' icon="setting">标签</van-tabbar-item>
      <van-tabbar-item to='/vant' icon="friends">标签</van-tabbar-item>
      <van-tabbar-item to='/vantnav' icon="gem">标签</van-tabbar-item>
    </van-tabbar>
  </div>
</template>
<script>
export default {
  data() {
    return {
      active: 0,
    };
  },
};
</script>
<style scoped>
.a{
    color: rgb(252, 0, 0);
}
</style>